$(document).ready(function () {
    initTable(); // 初始化表格
    $('#btnEdit').bind('click',btnEditClick);
    $('#btnSubmitUpdate').bind('click',btnSubmitUpdateClcik)
})

function initTable() {

    /*
     * 1. 初始化bootstrapTable ----
     *       bootstrap.css       jquery.js
     *                           bootstrap.js
     *       bootstrapTable.css xxx.js
     *  2. option
     *          url   ------  服务端地址 ---- xhr
     *                             有返回值
     *                             没有返回值
     *                                       err -- 404 ，500--查看服务器端控制台---和编写代码最近的错
     *         columns ---- 返回内容的对应关系
     *
     *       错误列表
     *               0. 编号
     *               1. 错误描述  文字 + 截图
     *               2. 解决过程
     *               3. 解决状态
    * */


    $('#list').bootstrapTable('destroy');
    $('#list').bootstrapTable({
        url:'../../../mock/hr/employee.json',
        columns:columns,
        toolbar:'#toolbar',
        singleSelect:true,
        clickToSelect:true

    })
}


var columns=[
    {
        checkbox:true
    },
    {
        field:'employee_name',
        title:'姓名'
    }
]


function btnEditClick() {

    var row = $('#list').bootstrapTable('getSelections')[0];

    $('#employeeId').val(row.employee_id);
    $('#empName').val(row.employee_name);   // $(selector).action()
    $('#empNO').val(row.employee_no);
    $('#info').modal();
}

function btnSubmitUpdateClcik(){

    $.ajax({
        url:'http://localhost:8080/employee/update',
        method:'post',
        dataType:'json',
        data:{
            employeeId:$('#employeeId').val(),
            employeeName:$('#empName').val(),
            employeeNo:$('#empNO').val(),
            deptId:0
        },
        success:function (data) {

            if(data.flag){
                initTable();
                alert('修改成功')
            }

        }
    })
}